<template>
	<view class="l_pages">
		<jnavbar title="奖励列表"></jnavbar>
		<scroll-view class="page_container tab_page_container" scroll-y>
			<view class="content">
				<view class="content-box">
					<view class="box-item" v-for="(item,i) in 2" :key="i" @click="tojump()">
						<view>
							<view class="item-title">会员优惠卷</view>
							<view class="item-time">2021-10-30 20:18</view>
						</view>
						<view class="item-icon">
							<u-icon name="more-dot-fill" color="#A8AFB7" size="28"></u-icon>
						</view>
					</view>
				</view>
			</view>

		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				level:0
			}
		},
		onLoad(e) {
			if(e){
				this.level = e.level
			}
		},
		methods: {
			tojump() {
				// this.Jumpurl({
				// 	link: './prizelist',
				// 	type: 1,
				// })
			},
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		width: 100%;
		.content-box {
			.box-item{
				padding: 30rpx 45rpx;
				font-family: PingFang SC;
				border-bottom:2rpx solid #e8e8e8;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.item-title{
					font-size: 34rpx;
					font-weight: bold;
					color: #363739;
					letter-spacing: 2rpx;
				}
				.item-time{
					margin-top: 2rpx;
					font-size: 24rpx;
					font-weight: 400;
					color: #999999;
					letter-spacing: 2rpx;
				}
				.item-icon{
					transform: rotate(90deg);
				}
			}
			.box-item:active{
				background: #e8e8e8;
			}
		}
	}
</style>
